<div class="weui-tabbar"
     style="bottom: 0; position: fixed;font-family: -apple-system-font, 'Helvetica Neue', Helvetica, sans-serif;"
     id="footer_tabbar">
    <a href="../" class="weui-tabbar__item" style="border-right: 1px solid #ddd;">
        <i class="iconfont icon-shouye" style="font-size: 30px;color: #999;"></i>
        <p class="weui-tabbar__label" style="font-family: -apple-system-font, 'Helvetica Neue', Helvetica,
        sans-serif;">首页</p>
    </a>
    <a href="/page/productList.html" class="weui-tabbar__item" style="border-right: 1px solid #ddd;">
        <i class="iconfont icon-shangpin" style="font-size: 30px;color: #999;"></i>
        <p class="weui-tabbar__label" style="font-family: -apple-system-font, 'Helvetica Neue', Helvetica,
        sans-serif;">商品</p>
    </a>
    <a href="/page/myShoppingCart.html" class="weui-tabbar__item" style="border-right: 1px solid #ddd;">
        <i class="iconfont icon-gouwuche" style="font-size: 30px;color: #999;"></i>
        <p class="weui-tabbar__label" style="font-family: -apple-system-font, 'Helvetica Neue' , Helvetica,
        sans-serif;">购物车</p>
    </a>
    <a href="/page/personal.html" class="weui-tabbar__item">
        <i class="iconfont icon-geren" style="font-size: 30px;color: #999;"></i>
        <p class="weui-tabbar__label" style="font-family: -apple-system-font, 'Helvetica Neue', Helvetica, sans-serif;">
            个人中心</p>
    </a>
</div>
